import React, { Component, useState } from 'react'

// class Child extends React.PureComponent {
//     constructor(props) {
//         super(props);
//         this.state = {
//             childValue: 100,
//         };
//     }

//     componentDidMount() {
//         // @ts-ignore
//         const { onRef } = this.props;
//         onRef(this);
//     }

//     clickChild = () => {
//         // @ts-ignore
//         let { childValue } = this.state;
//         childValue--;
//         this.setState({
//             childValue,
//         });
//     };

//     // 没明白
//     // 向父组件传值
//     sendParent = () => {
//         this.props.parent.receiveChild(this.state.childValue)
//     };
//     render() {
//         console.log(this.props)
//         // @ts-ignore
//         const { value, clickParent } = this.props;
//         const { childValue } = this.state;
//         return (<div>
//             <h1>子组件</h1>
//             子代接收父代num : {value}
//             <br />
//             子值:{childValue}
//             <br />
//             {/* 没明白 */}
//             <button onClick={clickParent}>点击父组件的方法-加</button>
//             <br />
//             <button onClick={this.clickChild}>点击子组件-减</button>
//             <br />
//             <button onClick={this.sendParent}>向父组件传递值</button>

//         </div>)
//     }
// }
class Child extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            someValue: 2
        }
    }
    render() {
        // const {someValue} = this.props
        console.log(this.props)
        return <div>
            {/* <Button onClick={this.props.updateParent()} /> */}
                <div>123</div>
        </div>
    }
}
export default Child